{include file="public/header" /}
{load href="__PLUGINS__bootstrap/bootstrap-table.min.css"}
{load href="__PLUGINS__bootstrap/bootstrap-table.min.js"}
<style>
    #des, #des input {
        width: 40px;
        text-align: center;
    }

    #id {
        width: 78px;
    }

    .bs-checkbox {
        width: 36px;
        height: 40px
    }

    .fixed-table-toolbar .columns, .fixed-table-toolbar .search {
        margin-left: 0px;
        margin-top: 0px
    }

    #title span {
        float: right;
    }

    .asdlkjasd {
        background: #1ab394;
        color: #fff
    }
</style>
<body class="gray-bg">
<div class="wrapper wrapper-content {:config('adminClass.main')}">
    <div class="ibox float-e-margins">
        {include file="public/tophead"}
        {include file="public/top" /}
        <div class="ibox-content">
            {include file="public/topsection"}
            <div class="row row-lg">
                <div class="col-sm-12">
                    <div class="fixed-table-toolbar">
                        <form  method="get" action="">
                            <div class="pull-left search">
                                <div class="columns columns-right btn-group pull-left">
                                    <select class="form-control" name="search">
                                        <option value="name" {php}if(input('?param.type')){if(input('param.search')=='name'){echo "selected";} }{/php}>名称</option>
                                    </select>
                                </div>
                                {php}
                                if(input('?param.name')){
                                {/php}
                                <div class="pull-right search">
                                    <a class="btn btn-w-m btn-link" href="{:url('topic')}">返回列表</a>
                                </div>{php}
                                }
                                {/php}
                                <div class="pull-right search">
                                    <button style="border-radius:0px; border:1px solid #e5e6e7; border-left:0px" class="btn btn-default btn-outline" type="submit">搜索</button>
                                </div>
                                <div class="pull-right search">
                                    <input class="form-control input-outline" type="text"
                                           {php}
                                           if(input('?param.name')){
                                    if(input('param.name')){
                                    echo "value='".input('name')."'";
                                    }

                                    }
                                    {/php}
                                    name="name" placeholder="搜索">
                                </div>


                            </div>
                        </form>
                    </div>
                    <div class="example">
                        <form class="form-horizontal" method="post">
                            <table data-toggle="table">
                                <thead>
                                <tr>
                                    <th data-align="center">排序</th>
                                    <th data-align="center">ID</th>
                                    <th data-align="center">名称</th>
                                    <th data-align="center">状态</th>
                                    <th data-align="center">创建用户</th>
                                    <th data-align="center">创建时间</th>
                                    <th data-align="center">更新时间</th>
                                    <th data-align="center">管理</th>
                                </tr>
                                </thead>
                                <tbody id="form">
                                {volist name="data" id="v"}
                                <tr id="id{$v.id}" class="class">
                                    <td>{$v.sort}</td>
                                    <td>{$v.id}</td>
                                    <td>{$v.name}</td>
                                    <td id="rec{$v.id}">{eq name='$v.is_rec' value='1'}<span class="btn btn-danger btn-xs" onclick="setTopicRec('{$v.id}', 0)">取消推荐</span>{else/}<span class="btn btn-primary btn-xs" onclick="setTopicRec('{$v.id}', 1)">设为推荐</span>{/eq}</td>
                                    <td>
                                        {if condition="$v.user_id"}
                                        <a onclick="member('{$v.user_id}')" style="color:#40BCF7">{$v.user_id}</a>
                                        {/if}
                                    </td>
                                    <td>{:date('Y-m-d H:i', $v.create_time)}</td>
                                    <td>{:date('Y-m-d H:i', $v.update_time)}</td>
                                    <td>
                                        <div class="btn-group">
                                            <div data-toggle="dropdown" class="btn btn-primary btn-xs dropdown-toggle">操作 <span class="caret"></span>
                                            </div>
                                            <ul class="dropdown-menu">
                                                <li><a onClick="add('{:url('addtopic',['id'=>$v['id']])}')">修改</a></li>
                                                <li class="divider"></li>
                                                <li><a onClick="del({$v.id})">删除</a></li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                {/volist}
                                </tbody>
                            </table>
                        </form>
                    </div>
                </div>
            </div>
            <hr>
            <div class="row row-lg">
                <div class="col-sm-12 pages">{$page}</div>
            </div>
        </div>
    </div>
</div>
{include file="public/footer" /}

<script type="text/javascript">
    function del(id){
        swal_del(id,"{:url('deltopic')}")
    }
    function setTopicRec(id, state) {
        $.ajax({
            type: 'post',
            url: '{:url("setTopicRec")}',
            data: {id, state},
            dataType: 'json',
            success:function(ret){
                if (ret.ret) {
                    let html = state ? `<span class="btn btn-xs btn-danger" onclick="setTopicRec('${id}', 0)">取消推荐</span>` : `<span class="btn btn-xs btn-primary" onclick="setTopicRec('${id}', 1)">设为推荐</span>`;
                    $('#rec' + id).html(html)
                    layer.msg(ret.ret);
                } else {
                    layer.msg(ret.err);
                }

            },
            error:function(err){
                layer.msg(err)
            }
        });
    }
 
</script>
